<!doctype html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>聊天</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
        <!--主要覆盖mui.css的px大小-->
        <link href="css/common.css" rel="stylesheet" />
        <!--控制 字体大小 rem iphone6下 以20px为准-->
        <script src="js/initsize.js"></script>
        <link rel="stylesheet" type="text/css" href="css/css.css" />
    </head>

    <body class="messages chat">
        <header class="header-color mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title"><div class="title-box"><div class="title-left"><em class="title-em"></em></div><div class="title-right"><em class="title-em"></em></div></div>  </h1>
        </header>
        <div class="voice-lading"></div>
        
        <div id="topPopover" class="mui-popover">
            <div class="mui-popover-arrow"></div>
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <ul class="mui-table-view">
                        <li class="mui-table-view-cell"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="img-look">
            <div class="img-look-box">
                <img src=''/>
            </div>
        </div>
        
        <div class="mui-content">
            <div class="gift-box">
                <div class="box-title"><p>赠送礼物</p><em class="close"></em></div>
                <div class="box-text">
                    <div class="box-roll gift-lk-box mui-slider">
                        <div class="mui-slider-group"></div>
                    </div>
                    <div class="box-roll chip-lk-box mui-slider">
                        <div class="mui-slider-group"></div>
                    </div>
                </div>
                <div class="box-bot">
                    <a class="gift-link"></a>
                    <a class="gift-link gift-chip"></a>
                    <div class="nub-box">
                        <span class="nub-span">赠送数量</span>
                        <a class="nub-jian"></a>
                        <input type="number" name="" id="" class="nub" value="1" />
                        <a class="nub-jia"></a>
                    </div>
                    <a class="btn">发送</a>
                </div>
            </div>
            <div class="chip-box">
                <div class="box-title"><p>赠送碎片</p><em class="close"></em></div>
                <div class="box-text">
                    <div class="box-roll gift-lk-box mui-slider ">
                        <div class="mui-slider-group"></div>
                    </div>
                    <div class="box-roll chip-lk-box mui-slider">
                        <div class="mui-slider-group"></div>
                    </div>
                </div>
                <div class="box-bot">
                    <a class="gift-link"></a>
                    <a class="gift-link gift-chip"></a>
                    <div class="nub-box">
                        <span class="nub-span">赠送数量</span>
                        <a class="nub-jian"></a>
                        <input type="number" name="" id="" class="nub" value="1" />
                        <a class="nub-jia"></a>
                    </div>
                    <a class="btn">发送</a>
                </div>
            </div>
            <div class="main">
                <div class="main-box"></div>
            </div>
            <footer class="footer">
                <div class="menu-link">
                    <div class="foot-link-box">
                        <a class="voice mui-link"></a>
                        <div class="chat-val-box"><div class="chat-val" contenteditable="true"></div></div>
                        <a class="face mui-link"></a>  
                        <a class="bth">发送</a>
                        <a class="rests mui-link"></a>
                    </div>
                </div>
                <div class="menu">
                    <div class="vdo menu-box">
                        <!--语音-->
                        <a class="vdo-left vdo-link vdo-color">语音输入</a>
                        <a class="vdo-right vdo-link">个性语音</a>
                        <div class="vdo-text vdo-box">
                            <a class="vdo-a"></a>
                        </div>
                        <div class="mui-slider vdo-text vdos">
                            <div class="mui-slider-group"></div>
                            <div class="mui-slider-indicator"></div>
                        </div>
                    </div>
                    <div class="add menu-box">
                        <!--加-->
                        <div class="box">
                            <a class="link phot"></a>
                            <p class="p">相册</p>
                        </div>
                        <div class="box">
                            <a class="link void"></a>
                            <p class="p">拍摄</p>
                        </div>
                        <div class="box gift-linkbox">
                            <a class="link gift"></a>
                            <p class="p">礼物</p>
                        </div>
                        <div class="box chip-linkbox">
                            <a class="link gift chip"></a>
                            <p class="p">碎片</p>
                        </div>
                        <div class="box">
                            <a class="link card"></a>
                            <p class="p">名片</p>
                        </div>
                        <div class="box reserve-linkbox">
                            <a class="link reserve"></a>
                            <p class="p">预订</p>
                        </div>
                    </div>
                    <div class="menu-face menu-box">
                        <!--表情-->
                        <div class="mui-slider mui-slider-sitface active"></div>
                        <div class="mui-slider mui-slider-myface"></div>
                        <div class="face-bot">
                            <a class="face-bot-bq face-bot-color"></a>
                            <a class="face-bot-love"></a>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
        <script src="js/mui.min.js "></script>
        <script src="js/jquery2.1.0.min.js "></script>
        <script src="js/mui.picker.min.js"></script>
        <!--通用JS，我封装了一些实用JS-->
        <script src="js/common.js"></script>
        <script src="js/config.js"></script>
        <script type="text/javascript" src="aliyun_js/immersed.js"></script>
        <!-- 上传图片要用到的js，不要偷懒，都要用 -->
        <script type="text/javascript" src="aliyun_js/crypto.js"></script>
        <script type="text/javascript" src="aliyun_js/hmac.js"></script>
        <script type="text/javascript" src="aliyun_js/base64.js"></script>
        <script type="text/javascript" src="aliyun_js/sha1.js"></script>
        <script src="js/chat.js"></script>

    </body>

</html>